/*  
风格名称: 站酷主站主体与文字式样
*/

/* #################### 主控制 ##################### */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,hr,
fieldset,input,p,blockquote,th,td {margin:0px; padding:0px;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:none;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
img a {border: none;}

/* #################### 公共部分 ##################### */

body {
	background: #EAEAEA;
	font: 12px Verdana, Helvetica, sans-serif;
	line-height: 1.25em;
	color: #4C4C4C;
	width: 100%;
	height:100%;
}
select, input{
	font: 12px Verdana, Helvetica, sans-serif;
}

html, html>body {
	width: 100%;
	height: 100%;
}
.clear {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
	margin-top: -1px;
}
/* #################### 文字式样 ##################### */

a {
	color: #363739;
	text-decoration: none;
}

a:hover {
	color: #2B2B2B;
	text-decoration: underline;
}

.b {
font-weight: bold;
}
.u a {
	text-decoration: underline;
}
.u a:hover {
	text-decoration: none;
}
.w a {
	text-decoration: underline;
	color: #fff;
}
.w a:hover {
	text-decoration: none;
	color: #fff;
}
.pl12 {
	padding: 0px 0 0 12px;
}
.p8 a {
	padding: 0px 8px 0 8px;
}
.p8_right a {
	padding: 0px 8px 0 0;
}
.h15 {
	width: 980px;
	height:15px;
	padding: 0px;
	margin: 0px auto;
}
.xx_line {
	border-top:1px dotted #9E9E9E; 
	height: 0px;
	width: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.gary {
    color: #686868;
}
.lefta{
	float: left;
}
.righta{
	float: right;
}
.pt10 {
	padding: 10px 0 10px 0px;
}
.pt3 {
	padding: 3px 0 0px 0px;
}
.pt8 {
	padding: 6px 0 0px 0px;
}
.ml8 {
	margin: 0 0 0px 8px;
}
.mt10 {
	margin-top: 10px;
}
.mrg a {
	color: #2b2b2b;
}
.mrg a:hover {
	color: #2b2b2b;
}
.gary_link a {
	color: #5A5A5A;
}
.gary_link a:hover {
	color: #5A5A5A;
}
.line1 {
	line-height: 22px;
}
.font14 {
font-size: 14px;
}

.bh {
    color: #D40000;
	font-weight: bold;
}
.bh a{
    color: #D40000;
	text-decoration: underline;
}
.shuzi {
    color: #D40000;
}
.shuzi a{
    color: #D40000;
	text-decoration: underline;
}
.left{
float: left;
}
.right{
float: right;
}
.list_p4 {
	PADDING:5px 0 5px 0;
	height: 20px;
	float:left;
}
.list_p5 {
	PADDING:5px 0 5px 0;
	height: 20px;
	float:right;
	margin-top: -6px;
}
.list_p5 form {
	PADDING:0px; MARGIN:0px;
}
.list_p6 {
	BORDER: #2b2b2b 1px solid;
	padding: 0 5px 0 5px;
	background: #CFCFCF;
	font-weight: bold;
	color: #000;
}
.boy_online {
	background: url(../images/boy_online.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px;
}
.boy_offline {
	background: url(../images/boy_online.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px;
}
.girl_online {
	background: url(../images/girl_online.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px;
}
.girl_offline {
	background: url(../images/girl_offline.gif) no-repeat left top;
	padding-left:18px;
	padding-bottom:3px;
}
/* #################### 翻页 ##################### */

.pages {
	PADDING:0px; MARGIN:0px;
}
.pages A {
	BORDER-RIGHT: #2b2b2b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2b2b2b 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #2b2b2b 1px solid; COLOR: #2b2b2b; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2b2b2b 1px solid; TEXT-DECORATION: none;
}
.pages A:hover {
	BORDER-RIGHT: #2b2b2b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2b2b2b 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #2b2b2b 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2b2b2b 1px solid;color:#2b2b2b;BACKGROUND-COLOR: #FFBA00;
}
.pages A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid;
}
.pages SPAN.current {
	BORDER-RIGHT: #2b2b2b 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #2b2b2b 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #2b2b2b 1px solid; COLOR: #2b2b2b; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #2b2b2b 1px solid; BACKGROUND-COLOR: #FFBA00;
}
.pages SPAN.disabled {
	BORDER-RIGHT: #B6B6B6 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #B6B6B6 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #B6B6B6 1px solid; COLOR: #B6B6B6; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #B6B6B6 1px solid;
}


/* #################### 表单 ##################### */
.jump_input {
  width: 28px;
  height:15px;
  PADDING-left: 3px;
}

/*  
头部
*/
#Header {
	width: 980px;
	height:98px;
	padding: 0px;
	margin: 0px auto;
	background: #FFBA00 url(../images/header_bg.gif) repeat-x left top;
}
.Header_u01 {
	width:283px;
	float:left;
}
.Headeru_u02 {
	width:697px;
	float:left;
}
.Header_p01 {
	width:570px;
	float:left;
	margin:0px 0 0 0;
	color: #CC9A00;
}
.Header_p02 {
	width:120px;
	float:right;
	margin:23px 0 0 0;
	text-align:right;
	color: #CC9A00;
}
.Header_p01 a, .Header_p02 a, .search_text a{
	color: #363739;
	padding: 0px 4px 0 4px;
}
.Header_p01 a:hover, .Header_p02 a:hover, .search_text a:hover{
	text-decoration: underline;
}

/* 我的位置*/
#tips {
	width: 980px;
	padding: 0px;
	margin: 0px auto;
	overflow:hidden;
	border: 0px solid #C4C4C4;
}
.tips_left {
	width:800px;
	float:left;
	height:14px;
	font: 12px 宋体;
	overflow:hidden;
	margin:10px 0;
}
.tips_left a{
	color: #363739;
	text-decoration: underline;
}
.tips_left a:hover{
	color: #363739;
	text-decoration: none;
}
.tips_right {
	width:170px;
	float:right;
	text-align:right;
	overflow:hidden;
}
/* 显示方式位置*/
#bar {
	width: 980px;
	height:30px;
	padding: 0px;
	margin: 10px auto;
	overflow:hidden;
	background: #FFBA00 url(../images/bar_bg.gif) repeat-x top left;
}
.bar_left {
	width:566px;
	float:left;
	font: bold 12px 宋体;
	overflow:hidden;
	padding: 9px 0 0 12px;
	color: #000;
}
.bar_left a{
	color: #000;
}
.bar_left a:hover{
	text-decoration: underline;
}
.bar_right {
	width:398px;
	float:left;
	height:30px;
	text-align:left;
	margin: 4px 0 0 0px;
	overflow:hidden;
}
.bar_right1 {
	width:397px;
	float:left;
	height:30px;
	text-align:right;
	margin: 5px 5px 0 0;
	overflow:hidden;
}
.list_style1_on {
	background: url(../images/list_style1_on.gif) no-repeat left top;
	display: block;
	float:left;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}
.list_style1_off {
	background: url(../images/list_style1_off.gif) no-repeat left top;
	display: block;
	float:left;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}
.list_style2_on {
	background: url(../images/list_style2_on.gif) no-repeat left top;
	display: block;
	float:left;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}
.list_style2_off {
	background: url(../images/list_style2_off.gif) no-repeat left top;
	display: block;
	float:left;
	width:16px;
	height:16px;
	padding: 0 0 0 5px;
	margin: 5px 0 0 0;
}
.digest1 {
	background: url(../images/digest1.gif) no-repeat right top;
	display: block;
	float: left;
	width: 10px;
	height: 13px;
	padding-left:3px;
}
.digest2 {
	background: url(../images/digest2.gif) no-repeat right top;
	display: block;
	float: left;
	width: 22px;
	height: 13px;
	padding-left:3px;
}
.digest3 {
	background: url(../images/digest3.gif) no-repeat right top;
	display: block;
	float: left;
	width: 34px;
	height: 13px;
	padding-left:3px;
}
.digg_s {
	background: url(../images/digg_s.gif) no-repeat left top;
	display: block;
	float: left;
	width: 11px;
	height: 13px;
	margin: 0 2px 0 5px;
}
.add {
	background: url(../images/add.gif) no-repeat;
	width: 61px;
	height: 16px;
	float: left;
	margin: 3px 0 0 5px;
}
.zoom {
	background: url(../images/zoom.gif) no-repeat;
	width: 63px;
	height: 16px;
	float: left;
	margin: 8px 0 0 0;
}
.do_digg {
	background: url(../images/do_digg.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_fav {
	background: url(../images/do_fav.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_com {
	background: url(../images/do_com.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_share {
	background: url(../images/do_share.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_block {
	background: url(../images/do_block.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_download {
	background: url(/images/do_download.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.do_add {
	background: url(../images/do_add.gif) no-repeat;
	width: 53px;
	height: 30px;
	float: left;
	padding-top: 25px;
	color: #fff;
	font-size:10px;
}
.ck {
	background: url(../images/images/ck.gif) no-repeat;
	width: 44px;
	height: 20px;
	float: left;
	padding: 5px 0 0 30px;
	color: #fff;
}
.sc {
	background: url(../images/images/sc.gif) no-repeat;
	width: 44px;
	height: 20px;
	float: left;
	padding: 5px 0 0 30px;
	color: #fff;
}
/* #################### 排序下来菜单式样 ##################### */
#paixu_select .select_box{width:100px;height:24px;margin: 0;}
#paixu_select div.tag_select{display:block;color:#363739;width:80px;height:24px;background:transparent url("http://stat.zcool.com.cn/images/search_select.gif") no-repeat 0 0;padding:0 10px;line-height:24px;}
#paixu_select div.tag_select_hover{display:block;color:#363739;width:80px;height:24px;background:transparent url("http://stat.zcool.com.cn/images/search_select.gif") no-repeat 0 -24px;padding:0 10px;line-height:24px;}
#paixu_select div.tag_select_open{display:block;color:#363739;width:80px;height:24px;background:transparent url("http://stat.zcool.com.cn/images/search_select.gif") no-repeat 0 -48px;padding:0 10px;line-height:24px;}
#paixu_select ul.tag_options{position:absolute;padding:0;margin:0;list-style:none;background:transparent url("http://stat.zcool.com.cn/images/search_select.gif") no-repeat right bottom;width:100px;padding:0 0 5px;margin:0;}
#paixu_select ul.tag_options li{background:transparent url("http://stat.zcool.com.cn/images/search_select.gif") repeat-y -100px 0;display:block;width:80px;padding:0 10px;height:24px;text-decoration:none;line-height:24px;color:#515255;}
#paixu_select ul.tag_options li.open_hover{background:transparent url("http://stat.zcool.com.cn/images/search_select.gif") no-repeat 0 -72px;color:#fff;}
#paixu_select ul.tag_options li.open_selected{background:transparent url("http://stat.zcool.com.cn/images/search_select.gif") no-repeat 0 -96px;color:#fff;}


/* 内容封套*/
#container {
	width: 980px;
	padding: 0px;
	margin: 0 auto;
	overflow:hidden;
}


/* 列表右广告*/
#banner {
	width: 160px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	float:left;
}

/* 素材频道右则*/
#sucai_r {
	width: 156px;
	padding: 1px;
	margin: 0px;
	overflow:hidden;
	float:left;
	text-align:center;
	border-top: 1px solid #C9C9C9;
	border-left: 1px solid #C9C9C9;
	border-right: 1px solid #C9C9C9;
	border-bottom: 1px solid #C9C9C9;
}
.sucai_r_p1 {
	width: 156px;
	height: 20px;
	padding-top: 5px;
	margin: 0px;
	overflow:hidden;
	float:left;
	text-align:center;
	background: #FFBA00 url(../images/bar_bg.gif) repeat-x top left;
	font-weight: bold;
}
.sucai_r_p2 {
	width: 138px;
	height: 120px;
	padding: 10px;
	margin: 0px;
	overflow:hidden;
	text-align:center;
	border-bottom: 1px dotted #9E9E9E;
}
.sucai_r_p2 img{
	margin-bottom: 3px;

}
.sucai_r_p3 {
	width: 138px;
	height: 15px;
	padding: 10px;
	margin: 0px;
	overflow:hidden;
	float:left;
	text-align:center;
}
.sucai_r_p4 {
	width: 138px;
	height: 93px;
	padding: 10px;
	margin: 0px;
	overflow:hidden;
	text-align:center;
	border-bottom: 1px dotted #9E9E9E;
}
.sucai_r_p4 img{
	margin-bottom: 3px;
}
/* 底部*/
#footer {
	width: 980px;
	padding-bottom: 15px;
	margin: 20px auto;
	overflow:hidden;
	line-height:20px;
}
.footer_u1{
    width: 980px;
	height:22px;
	background: #FFBA00;
	text-align:center;
	padding-top: 8px;
}
.footer_u1 a{
	padding: 0 8px 0 8px;
	color: #363739;
}
.footer_u1 a:hover{
	text-decoration: underline;
}
.footer_u2{
    line-height:24px;
	color: #363739;
	padding-top: 10px;
	text-align:center;
}
.footer_u2 p{
	padding-top: 3px;
}


.jdjz {
	vertical-align: middle;
    display: inline;
}
.edit_comment_textarea {
	width: 450px;
	height:150px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	background: #FFF url('../images/text_bg.gif') repeat-x;
	
}
.edit_comment_submit {
	padding: 3px;
	text-decoration: none;
	margin-top: 10px;
}

.edit_comment_smile {
	width: 450px;
	padding: 0;
	margin-top: 0;
}
.edit_comment_smile img {
	padding: 4px;
    width: 20px;
	height: 20px;
	margin: 3px 3px 0 0;
	overflow:hidden;
	border: 1px solid #C4C4C4;
	float:left;
}
.art_czbq_ul1_down {
	width: 106px;
	height: 35px;
	padding: 9px 0 0 30px;
	margin: 6px 0 0 6px;
	overflow:hidden;
	float:left;
	background: url('../images/down_now.gif') no-repeat;
	line-height:12px;
	color: #fff;
}
.art_czbq_ul1_down a:hover {
	text-decoration: none;
}
.gno1 {
	color: #CFCFCF;
	font-size:10px;
}
.gno2 {
	color: #fff;
}
.gno2 a, .gno2 a:hover {
	color: #fff;
	text-decoration: none;
}
.text-top-login {
	width: 200px;
	color: #555;
	padding: 4px;
	border: 1px solid #B5B8C8;
	font-size: 12px;
	background: #FFF url('../images/text_bg.gif') repeat-x;
	
}
.submit-top-login {
	padding: 3px;
	margin-top: 0px;
	text-decoration: none;
}

#zcooltopgg {
	width: 980px;
	padding: 0px;
	margin: 0px auto;
}

.zcooltopgg {
	width: 980px;
	height:92px;
	padding: 0px;
	margin: 15px 0 15px 0;
	overflow:hidden;
}
.zcooltopgg1 {
	width: 980px;
	height:92px;
	padding: 0px;
	margin: 15px 0 0 0;
	overflow:hidden;
}
.zcooltopgg_li1 {
	width: 233px;
	height:90px;
	padding: 0px;
	margin: 0 15px 0 0;
	overflow:hidden;
	float:left;
	border: 1px solid #C4C4C4;
}
.zcooltopgg_li2 {
	width: 728px;
	height:90px;
	padding: 0px;
	margin: 0;
	overflow:hidden;
	float:left;
	border: 1px solid #C4C4C4;
}

.zcoolrightgg {
	width: 336px;
	padding: 0px;
	margin: 0;
	overflow:hidden;
}
.zcoolrightgg p{
	width: 336;
	padding: 0px;
	margin: 0 0 10px 0;
	overflow:hidden;
}

.zcoollistleftgg {
	width: 634px;
	height: 250px;
	padding: 0px;
	margin: 10px 0 0 0;
	overflow:hidden;
}
.bn{
    padding:5px 10px;
}

